<template>
    <div>
        <h1 v-text="msg" ref="title"></h1>
        <button ref="btn" @click="showDom">点我输出上方的</button>
        <School ref="sch"></School>
    </div>
</template>

<script>
    import School from './components/School.vue';
export default {
    name:"App",
    data(){
        return{
            msg:"欢迎学习vue"
        }
    },
    components:{
        School
    },
    methods:{
        showDom(){
            console.log(this.$refs.title);//真是dom元素
            console.log(this.$refs.btn);//真实dom元素
            console.log(this.$refs.sch);//school组件的实例对象（vc）
        }
    }
}
</script>

